<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>JQuery基础语法</title>
		<script src="js/jquery-1.11.0.min.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<button id="btn">按钮2</button>
		<script>
			//JQuery注释  遵循JavaScript【两种】 
			/* 多行注释 */
			//首行出现语法   工厂函数  功能:抓取页面上元素，属性和属性值
			// 工厂函数使用方式  语法 ①  $("选择器")或$('选择器')
		    //                  注意:单双引号解决嵌套问题
			//                  语法 ②  jQuery("选择器")或者jQuery('选择器')
			// 工厂函数第一种使用方式  √
			/* $('button').click(function(){
				document.write("<h1>点击我了</h1>");  ----DOM  直接在页面  输出语句
			}); */
			//工厂函数第一种使用方式
			jQuery("#btn").click(function(){
			//	console.log("你猜我在哪里");----ECMAscript核心  输出语句  F12  控制台
			//  alert("弹出的内容")         ----BOM  浏览器弹出  输出语句   
			});
			// JQ基础语法组成：工厂函数【2种】.事件源【15种】(function(){  
			//	                                    DOM+逻辑/BOM+逻辑  /逻辑
			//                                      })
		</script>
	</body>
</html>